<template>
	<view>
		<view class="u-p-24 flex-col align-center">
		  <view class="date">2019-08-12  14:23</view>
      
      <view class="ac">
        <view class="pic"></view>
        <view class="text">比超市促销还便宜,实用百货1.1元起,怎么能错过!</view>
      </view>
      
      <view class="date">2019-08-12  14:23</view>
      
      <view class="ac">
        <view class="pic"></view>
        <view class="text">比超市促销还便宜,实用百货1.1元起,怎么能错过!</view>
      </view>
      
      <view class="ac">
        <view class="pic"></view>
        <view class="text">比超市促销还便宜,实用百货1.1元起,怎么能错过!</view>
      </view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
  .date {
    color: #FFFFFF;
    background: #dfdfdf;
    font-size: 20rpx;
    display: inline-block;
    margin: 24rpx auto;
    padding: 8rpx 16rpx;
    border-radius: 8rpx;
  }
  
  .ac {
    background: #fff;
    border-radius: 24rpx;
    overflow: hidden;
    margin: 24rpx auto;
    
    .pic {
      width: 712rpx;
      height: 266rpx;
      background: #e74b1b;
      border-radius: 24rpx;
    }
    
    .text {
      padding: 24rpx;
      letter-spacing: 1px;
      color: #000000;
      font-size: 30rpx;
    }
  }
</style>
